<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:remove>
		<!--
			There are two ways of loading CSS resources in a JSF2 view/composition:
			
			1. Using the HTML link element tag like this:
				<link href="#{request.contextPath}/css/foo.css" rel="stylesheet" type="text/css"></link>
			
			2. Using the JSF2 h:outputStylesheet component tag like this:
				<h:outputStylesheet library="css" name="css" />
			
			The benefit of using #1:
			- The browser directly requests a resource from the server and does not invoke the JSF lifecycle.
			
			The benefits of using #2:
			- The CSS resource can use the #{resource['']} EL-expression inside it for images.
			- The href URL generated by the h:outputStylesheet renderer is compatible with WSRP.

			So #1 is always faster, but #2 is more flexible. This demo uses #2 simply for testing purposes.
		-->
	</ui:remove>
	<h:outputStylesheet library="example" name="example.css" />
	<h:outputStylesheet library="example" name="portlet.css" />
	<h:outputStylesheet library="example" name="liferay-theme-override.css" />
	<c:if test="#{!aui.provided}">
		<h:outputStylesheet library="aui-skin-classic" name="css/aui-skin-classic-all-min.css" />
	</c:if>

</ui:composition>
